<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #a{
        margin-top:-40px;
        margin-left:240px;
        height:40px;
    }
    #b{
        margin-left:330px;
        margin-top:-50px;
    }
    hr{
        width:100px;
        margin-left:335px;
        margin-top:-16px;
    }
    #nickName{
        margin-left:20px;
    }
    #pwd{
        margin-left:50px;
    }
   #c{
        margin-left:55px;
    }
</style>
<body>
    <div>
        <p>
            <label for = "nickName">电子邮箱:</label>
            <input id = "nickName" type = "">
        </p>
        <p>
            <label for = "login">会员登录名:</label>
            <input id = "login" type = "">
        </p>
        <p>
            <label for = "pwd">密码:</label>
            <input id = "pwd" type = "password">
        </p>
        <p>
            <label for = "con_pwd">再次输入密码:</label>
            <input id = "con_pwd" type = "password">
        </p>
        <p>
            <label for = "">会员身份</label>
            <input type = "radio" name = "member">买家
            <input type = "radio" name = "member">卖家
            <input type = "radio" name = "member">两者都是
        </p>
        <p>
            <label for = "">验证码:</label>
            <input type = "">
            <div id = "a"><img src = "HOT%$U~OEIV50_{%FSU]%`G.png" height = "30"></div>
            <div id = "b"><p>看不清？换一张</p></div>
            <hr>
        </p>
        <p> 
            <div id = "c"><input type = "button" style = "background-color:orange" value ="同意以下服务条款并注册"></div>
        </p>
       <img src = "QQ图片20200907201844.png">
    </div>
</body>
</html>